<template lang="pug">
    .my
        header 个人主页
        .user
            img(:src="userImg")
            span
                .name 小哥哥
                .sex 男
                .addr 宇宙银河系,太阳系区地球街道120号
        .buy-bill 已经购买
        .go-shopping 去逛逛>
</template>

<script>
    import userImg from '../../public/img/my/24.jpg'
    export default {
        name: "my",
        data(){
            return{
                userImg:userImg
            }
        }
    }
</script>

<style scoped lang="stylus">
    .my
        font-size 0.4rem
        text-align left
        header
            text-align left
            padding-left 0.2rem
            height 1rem
            line-height 1rem
            color white
            background-color dodgerblue
            font-size 0.4rem
        .user
            border-bottom 0.02rem solid #ddd
            display flex
            align-items center
            height 3rem
            img
                width 2.6rem
                height 2.6rem
                border-radius 50%
                margin-left 0.3rem
            span
                display: inline-block
                margin-left 0.3rem
        .buy-bill,.go-shopping
            height 1rem
            line-height 1rem
            padding-left 0.3rem
            border-bottom 0.02rem solid #ddd
        .go-shopping
            color red
            font-weight 700
</style>
